<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示与隐藏</title>
    <script src="jQuery/jquery-1.11.3.js"></script>
</head>
<body>
        <script>
            $(function () {
                $('input').click(function () {
                    $('img').animate({
                        'margin-left':'100px',
                        "opacity":0.3
                    },'slow','linear').delay(5000).animate({
                        'margin-left':'300px'},5000
                        )
                })
            })
        </script>
        <input type="button" value="点我">
        <img src="image/1.jpg">
</body>
</html>